@import "form/form_inputquickclear.less";
@import "form/form_inputtips.less";
@import "form/form_selectinput.less";
@import "form/form_searchinput.less";
@import "form/form_starlevel.less";
@import "form/form_formcheck.less";


//raduis repaire
.input-group input.form-control,
.input-group input.form-control:not(:first-child):not(:last-child) {
	border-radius: @base-input-radius;
}

textarea.transparent{
	background-color: transparent;
	border:0;
}

.btnGroup{
	.btn{
		background-color: #eee;
		border-radius: 0px;
		&:nth-child(1){
			border-radius: 2px 0 0 2px;
		}
		&:nth-last-child(1){
			border-radius: 0 2px 2px 0;
		}
		&.checked{
			.btn-primary;
		}
	}
	&.followLine{
		//border-bottom: 1px solid #eee;
		.btn{
			padding: 16px;
			background-color: transparent;
			&:nth-child(1){
				border-radius: 0;
			}
			&:nth-last-child(1){
				border-radius: 0;
			}
			&:hover{
				.text-primary;
			}
			&.checked{
				padding-bottom: 12px;
				border-bottom: 4px solid @btn-bgcolor-primary;
				.text-primary;
			}
		}
	}
}













//close
.closeX{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	&:hover:before{
		color: #666;
	}
	&:before{
		content: '×';
		display: block;
		width: 20px;
		height: 20px;
		color: #999;
		//font-size: 20px;
		line-height: 18px;
		text-align: center;
	}
}





//密码强度
.passwordLevel{
	position: relative;
	height: 10px;
	margin-top: 10px;
	margin-right: 60px;
	background-color: #ccc;
	.bar{
		width: 0%;
		height: 10px;
		&.level-1{
			background-color: #c00;
		}
		&.level-2{
			background-color: #f70;
		}
		&.level-3{
			background-color: #f60;
		}
		&.level-4{
			background-color: #af0;
		}
		&.level-5{
			background-color: #0b0;
		}
	}
	.text{
		position: absolute;
		width: 60px;
		height: 30px;
		right: -60px;
		top: -10px;

		line-height: 30px;
		text-align: center;
	}
}
//横排列表

.fileSelectorInput{
	position: relative;
	//max-width: 148px;
	overflow: hidden;
	width: 150px;
	text-align: center;
	.icon{
		margin-right: 6px;
	}
	.context{
		white-space: nowrap;
	}
	.clearafter();
//	.icon{
//		box-sizing: content-box;
//		position: absolute;
//		z-index: 1;
//		left: 0px;
//		top: 50%;
//		margin-top: -8px;
//		background-color: @btn-bgcolor-primary;
//		border-left: 6px solid @btn-bgcolor-primary;
//		border-right: 6px solid @btn-bgcolor-primary;
//	}
//	.context{
//		float: right;
//		padding-left: 20px;
//		font-size: 14px;
//		line-height: 1;
//		white-space: nowrap;
//	}
	&.selected{
		text-align: center;
		.icon{
			display: none;
		}
//		&:before{
//			content: "..";
//			position: absolute;
//			z-index: 1;
//			left: 5px;
//			padding-right: 6px;
//			background-color: @btn-bgcolor-primary;
//			border-left: 4px solid @btn-bgcolor-primary;
//		}
		&:before{
			content: "";
			position: absolute;
			z-index: 1;
			width: 8px;
			min-height: 14px;
			left: 0px;
			top: 50%;
			margin-top: -7px;
			//padding-right: 8px;
			background-color: @btn-bgcolor-primary;
		}
		&:hover:before{
			background-color: @btn-bgcolor-primary-hover;
		}
		.context{
			padding-left: 0;
		}
	}
	&.btn-sm{
		//font-size: 12px;
		//padding: 2px 4px;
		width: auto;
		max-width: 80px;
		&.selected{
			&:before{
				left: -5px;
			}
		}
	}
	&.disabled,
	&.disabled:hover{
		background-color: #fafafa;
		border-color: #fafafa;
		color: #b2bbc2;
		cursor: not-allowed;
		&:before{
			background-color: #fafafa;
		}
	}
}


.selectSearchGroup{
	display: inline-block;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 2px;
	[data-type="select"]{
		input{
			border: none;
		}
	}
	[data-type="searchbar"]{
		border: 0;
		border-left: 1px solid #ccc;
		input{
			border: none;
		}
		input[type="button"]{
			height: 26px;
			//padding: 0px 12px;
		}
	}
	input[type="text"].form-control{
		height: 26px;
		padding: 5px 12px;
	}
}

.weekdayCheckBtnGroup{
	position: relative;
	display: inline-block;
	padding-bottom: 24px;
	.dayBtn{
		.icon-checkbox{
			position: relative;
			display: inline-block;
			width: auto;
			height: auto;
			padding: 2px 4px;
			margin-right: 10px;
			background-image: none;
			border: @form-control-border;
			input{
				position: absolute;
				z-index: 1;
				left: 0;
				top: 0;
			}
			&.checked{
				background-color: @btn-bgcolor-primary;
				border-color: @btn-bgcolor-primary;
				color: #fff;
			}
		}
	}
	.valueTips{
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 1px 4px;
		background-color: #efefef;
		color: #999;
		font-size: 12px;
		&.error{
			background-color: transparent;
			color: #f00;
		}
	}
}
